<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>书城首页</title>
        <%--静态包含base标签，css样式，jQuery文件--%>
    <%@include file="/pages/common/head.jsp"%>
        <script type="text/javascript">
            $(function () {
                $("button.addToCart").click(function () {
                    var bookId=$(this).attr("bookId");
                    //location.href="http://localhost:8090/book/cartServlet?action=addItem&id="+bookId;
                    //发送ajax请求，添加商品到购物车
                    $.getJSON("http://localhost:8090/book/cartServlet","action=ajaxAddItem&id="+bookId+"&"+new Date().getMilliseconds().toString(),function (data) {
                        $("#cartTotalCount").html("您的购物车中有"+data.totalCount+"件商品");
                        $("#cartLastName").html(data.lastName);
                    })
                })
            });
        </script>
</head>
<body>
	<div id="header">
			<img class="logo_img" alt="" src="static/img/logo.gif" >
			<span class="wel_word">网上书城</span>
			<div>
                <c:if test="${empty sessionScope.username}">
                    <a href="pages/user/login.jsp">登录</a> |
                    <a href="pages/user/regist.jsp">注册</a> &nbsp;&nbsp;
                </c:if>
				<c:if test="${not empty sessionScope.username}">
                    <span>欢迎<span class="um_span">${sessionScope.username}</span>光临尚硅谷书城</span>
                    <a href="pages/order/order.jsp">我的订单</a>
                    <a href="userServlet?action=logOut">注销</a>&nbsp;&nbsp;
                </c:if>
				<a href="pages/cart/cart.jsp">购物车</a>
				<a href="pages/manager/manager.jsp">后台管理</a>
			</div>
	</div>
	<div id="main">
		<div id="book">
			<div class="book_cond">
				<form action="client/bookServlet" method="get">
                    <input type="hidden" name="action" value="pageByPrice">
					价格：<input id="min" type="text" name="min" value="${param.min}"> 元 -
						<input id="max" type="text" name="max" value="${param.max}"> 元
						<input type="submit" value="查询" />
				</form>
			</div>
			<c:if test="${not empty sessionScope.cart.items}">
                <div style="text-align: center">
                    <span id="cartTotalCount">您的购物车中有${sessionScope.cart.totalCount}件商品</span>
                    <div>
                        您刚刚将<span id="cartLastName" style="color: red">${sessionScope.lastName}</span>加入到了购物车中
                    </div>
                </div>
            </c:if>
            <c:if test="${empty sessionScope.cart.items}">
                <div style="text-align: center">
                    <span> </span>
                    <div>
                        <span style="color: red">您的购物车为空！</span>
                    </div>
                </div>
            </c:if>
            <c:forEach items="${requestScope.page.items}" var="book">
                <div class="b_list">
                    <div class="img_div">
                        <img class="book_img" alt="" src="${book.imgPath}" />
                    </div>
                    <div class="book_info">
                        <div class="book_name">
                            <span class="sp1">书名:</span>
                            <span class="sp2">${book.name}</span>
                        </div>
                        <div class="book_author">
                            <span class="sp1">作者:</span>
                            <span class="sp2">${book.author}</span>
                        </div>
                        <div class="book_price">
                            <span class="sp1">价格:</span>
                            <span class="sp2">￥${book.price}</span>
                        </div>
                        <div class="book_sales">
                            <span class="sp1">销量:</span>
                            <span class="sp2">${book.sales}</span>
                        </div>
                        <div class="book_amount">
                            <span class="sp1">库存:</span>
                            <span class="sp2">${book.stock}</span>
                        </div>
                        <div class="book_add">
                            <button bookId="${book.id}" class="addToCart">加入购物车</button>
                        </div>
                    </div>
                </div>
            </c:forEach>

		</div>

        <%--静态包含page_nav.jsp--%>
        <%@include file="/pages/common/page_nav.jsp"%>
	
	</div>
	<%--静态包含页脚信息--%>
	<%@include file="/pages/common/footer.jsp"%>
</body>
</html>